<!--
 * @Author: liaoyu1992 1519778181@qq.com
 * @Date: 2022-11-04 19:30:31
 * @LastEditors: liaoyu1992 1519778181@qq.com
 * @LastEditTime: 2022-11-11 22:03:43
 * @FilePath: \kgantt\core\components\taskitem\bar\BarDateHandle.vue
 * @Description: 
-->
<template>
  <rect
    :x="x"
    :y="y"
    :width="width"
    :height="height"
    :ry="barCornerRadius"
    :rx="barCornerRadius"
    @mousedown="onMouseDown"
    class="kgantt-barHandle"
  ></rect>
</template>
<script lang="ts" setup>
defineProps({
  x: {
    type: Number,
    default: 0,
  },
  y: {
    type: Number,
    default: 0,
  },
  width: {
    type: Number,
    default: 0,
  },
  height: {
    type: Number,
    default: 0,
  },
  barCornerRadius: {
    type: Number,
    default: 0,
  },
});
const emits = defineEmits(["onMouseDown"]);
const onMouseDown = (event: MouseEvent) => {
  emits("onMouseDown", event);
};
</script>